* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body{font-size: 14px;color: #333;line-height: 1.5;-webkit-text-size-adjust: none;}
a:hover{cursor: pointer;}
html {width: 100%;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;background: transparent;}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear {clear: both;height: 0;display: block;_display: inherit; }

img {vertical-align: middle;max-width: 100%;border: 0; }
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
i,em{font-style: normal;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.overflow{overflow: hidden;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}


.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.banner{position: relative;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{color: #fff}
.banner .swiper-button-next{right:20px}
.banner .swiper-button-prev{left:20px}
.banner .swiper-pagination{bottom: 35px}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{background:transparent;opacity: 1;border:1px solid #fff;transform: all 0.5s;margin:0 8px;border-radius: 50%}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;transform:scale(1.2);}

.main{width: 1500px;margin:0 auto;}

header{position:absolute;top:0;left: 0;width: 100%;z-index: 1000;padding:20px 0;}
header .navlist li a{font-size: 16px;color: #fff;transition: all 0.5s}
header .navlist li{width: 128px;text-align:center;}
header .navlist li.active a,header .navlist li:hover a{color: #FAAA10;}

.index{background:#1B1B1B;}
.section1{padding:160px 0 190px;}
.title{color: #fff;background:url('../images/title.png') no-repeat center left;padding-left: 83px;background-size: 70px}
.title span{font-size: 24px;}
.title p{font-size: 30px;color: #999999;}

.sec_top .more{width: 56px;height:70px;background:url('../images/more.png') no-repeat center;}
.sec_top .more:hover{background:url('../images/more2.png') no-repeat center;}
.sec_top{margin-bottom: 80px}

.sec1_list li{width: calc(33.3% - 23px);transition: all 0.5s}
.sec1_list li a{display:block;background: #2B2B2B;border:1px solid #4a4a4a;padding:80px 50px 50px;height:305px;color: #fff}
.sec1_list li .sec1_tit .icon{width: 70px}
.sec1_list li .sec1_tit .tit span{font-size: 20px;color: #fff;}
.sec1_list li .sec1_tit .tit p{font-size: 14px;color: #999999;margin-top: 5px}
.sec1_list li .des{margin-top: 30px;font-size: 14px;color: #bdbdbd;line-height: 30px;}
.sec1_list li:hover{box-shadow: 0 0 20px rgba(255,255,255,0.2)}

.section2{width: 100%;min-height:800px;background:url('../images/sec2.jpg') no-repeat center top;padding:95px 0 130px;}
.section2 .sec_top{margin-bottom:40px;}

.sec_top .line{height:1px;background:#4e4e4e;width: 900px;position: relative;}
.sec_top .line:after{width: 20px;height:20px;background: #FAAA10;border-radius: 50%;display: block;position:absolute;top: 50%;right: 0;transform: translateY(-50%);content: '';}
.sec_top .title{margin-right: 50px}

.sec2_left{width: 735px;margin-right: 180px;padding-top: 50px}
.sec2_left .con{font-size: 14px;line-height: 40px;color: #bdbdbd;}
.sec2_right .pic{width: 100%;height:560px;}

.section2 .more{width: 245px;height:96px;background:url('../images/m1.jpg') no-repeat center;position:absolute;right: 0;bottom:76px;display: block;}
.section2 .more:hover{background:url('../images/m2.jpg') no-repeat center;}
.section2 .list{width: 100%;margin-top:80px;}
.section2 .list li{width: 353px;}

.section2 .list li .pic{display: block;position:relative;width:100%;height:0;padding-top:65%;}
.section2 .list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.section2 .list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}


.scale .pic{overflow: hidden;}
.scale img{transition: all 0.5s linear;}
.scale:hover img{transform:scale(1.05);}

.sec2_right .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}


.section3{width: 100%;background:url('../images/sec3.jpg') no-repeat center top;min-height: 680px;padding:20px 0 130px;position:relative;}
.section3 .sec_top{padding-left: 90px;margin-bottom:35px;}
.section3 .sec_top .title{margin-right:0;margin-left:55px;}

.sec3_left,.sec2_right{width: 420px;position:relative;}
.sec3_left .pic{width: 100%;height:540px;}
.sec3_left .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.section3 .more{width: 245px;height:96px;background:url('../images/m1.jpg') no-repeat center;position:absolute;left: 0;bottom:96px;display: block;}
.section3 .more:hover{background:url('../images/m2.jpg') no-repeat center;}

.section3:after{content: '';display: block;width: }

.sec3_right{width: 736px}
.sec3_right .con{font-size: 14px;line-height: 40px;color: #bdbdbd;}
.section3 ul{margin-top: 80px}
.section3 li{width: 33.3%;text-align:center;}
.section3 li .pic{width: 100%;height:60px;margin-bottom:5px;}
.section3 li .pic img{max-height: 100%}
.section3 li .tit{font-size: 40px;line-height: 60px;color: #ffffff;}
.section3 li .des{color: #bdbdbd;font-size: 14px;line-height: 16px;}

.section4{padding-bottom: 80px;position:relative;width: 100%;min-height: 790px;padding-top:90px}
.section4:after{content: '';display: block;width: 745px;height:700px;background:#2b2b2b;position:absolute;right: 0;top: 0;}
.section4 .main{position:relative;z-index:1}

.sec4_right{width: 480px;}
.sec4_right .content{font-size: 14px;line-height: 30px;color: #dadada;}
.sec4_right .webname{margin-bottom: 25px;color: #ffffff;font-size: 24px;line-height: 1.2;}

.codes{width: 245px;margin-left: 40px;margin-top:40px;}
.codes .code{width: 85px;text-align:center;}
.codes .code .tit{font-size: 14px;line-height: 32px;color: #fff}

.section4 .message{width: 892px;}
.section4 .message .item label{color: #ececec;font-size: 14px;margin-bottom:10px;display: block;}
.section4 .message .item input{padding:5px 12px;line-height:30px;color: #495057;background-color: #fff;border: 1px solid rgba(0, 0, 0, .15);border-radius:4px;width: 100%}
.section4 .message .item{margin-bottom: 14px;}
.section4 .message .item textarea{padding: 8px 12px;font-size: 16px;line-height: 1.25;color: #495057;background-color: #fff;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;width: 100%;height:100px;resize: none}
.section4 .message .submit{width: 100%;background-color: #f9b32c;color: #FFFFFF;height:40px;line-height: 40px;font-size: 16px;border-radius:4px;text-align:center;cursor: pointer;}

footer{background: #111111;padding:50px 0;}
footer .code{width: 100px}
.bq{font-size: 14px;line-height: 1.5;color: #999999;}

footer .navlist li{margin-right:75px;line-height: 50px;}
footer .navlist li a{font-size: 16px;color: #fff;transition: all 0.5s;}
footer .navlist li.active a,footer .navlist li:hover a{color: #FAAA10;}
footer .navlist{margin-bottom:15px}

.btn_hover{position: relative;-moz-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.btn_hover:hover > .anim{-moz-animation: anim-out 1s;-webkit-animation: anim-out 1s;animation: anim-out 1s;}
.btn_hover:hover > .anim:after{-moz-animation: anim-out-pseudo 1s;-webkit-animation: anim-out-pseudo 1s;animation: anim-out-pseudo 1s;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

body{background-color: #1B1B1B;}
.container2{padding:100px 0;}
.lanmu{text-align:center;color: #fff;font-size: 30px;font-weight: bold;margin-bottom:60px;}
.prod_list li{margin-bottom:40px;}
.prod_list li .prod_left{width:48.5%;}
.prod_list li .prod_right{width: 48.5%}

.prod_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:54%;border-radius: 15px;overflow: hidden;}
.prod_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.prod_list>ul>li .tit{font-size: 28px;color: #fff}
.prod_list>ul>li .jian{font-size: 18px;color: #bdbdbd;line-height: 33px;margin:15px 0 70px;}
.prod_list>ul>li span{display: block;width: 175px;height: 55px;line-height: 53px;background:url('../images/more3.png') no-repeat center right 35px;border:1px solid #666666;border-radius: 30px;padding-left: 40px;color: #fff;transition:all 0.5s;}
.prod_list>ul>li:hover span{background:#333 url('../images/more3.png') no-repeat center right 35px;color: #fff;border:1px solid #333;}


.page{padding-top:30px;}
.pagination{width: 100%;text-align: center;font-size: 0;}
.pagination li{display: inline-block;padding:0 14px;min-width:36px;text-align: center;height:36px;line-height:36px;font-size:14px;color:#bdbdbd;margin:0 4px;border:1px solid #666;}
.pagination li.active{background:#333;color: #fff;border:1px solid #333;}
.pagination li a{display: block;text-align: center;color: #bdbdbd;}

.ps .tit{text-align:center;}
.ps .pic{text-align:center;}
.ps .con{padding:50px 0 70px;line-height: 2;font-size: 16px;color: #bdbdbd;}

.ps .lanmu{margin-bottom: 40px;}

.fenye li{width: 48.5%;color: #bdbdbd;font-size: 16px;line-height: 1.5;}
.fenye li:last-child{text-align:right;}
.fenye li a{color: #bdbdbd;}
.fenye li:hover a{color: #fff}


.prod2_list li{width:calc(33.3% - 20px);margin-right:30px;}
.prod2_list li:nth-child(3n){margin-right:0;}

.prod2_list li .pic{display: block;position:relative;width:100%;height:0;padding-top:65%;}
.prod2_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod2_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.prod2_list li .tit{font-size: 20px;color: #fff;margin:15px 0 30px;text-align:center;}

.danye{padding-bottom:70px;line-height: 2;font-size: 16px;color: #bdbdbd;}

.con a{color: #fff!important}
.con td{border-color: #bdbdbd!important;}
.con p{background: #1B1B1B!important;}

.contact{width: 1100px;margin:0 auto;}


.header2{position: relative;}

.sec5_list .swiper-slide .pic{display: block;position:relative;width:100%;height:0;padding-top:35%;background:#fff;border-radius: 5px;box-shadow:0 0 10px rgba(41,62,145,0.2);}
.sec5_list .swiper-slide .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.sec5_list .swiper-slide .pic img{max-width: 85%;max-height:80%;-o-object-fit: contain;object-fit: contain;}
.sec5_list .swiper-slide a{display:block;padding:5px;}

.section5{padding-bottom: 70px}